﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Verify Shipping</title>
    <link rel="stylesheet" href="${contextPath}/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/validation/validation.js"></script>
</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Place Order</p>
                            <p>Your order is based on the information you provide in your quote. This process begins with the configuration details. You can select 'Edit' next to 'Quote Complete' to adjust data you provided in the original quote.</p>
                            <br />
                            <h2 class="order normal-gray">
                                Quote Complete
                                <a href="${contextPath}/edit-quote-duplex/system-configuration" class="edit-quote-shortlink">Edit</a>
                            </h2>
                            <h2 class="order">Product Configuration</h2>
                            <h2 class="order">Shipping Details</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item">
                                    <span class="passed" style="margin-left: 5px;">
                                        STEP 1: Select Shipping
                                    </span>
                                </div>
                                <div class="quote-process-item-active">
                                    <span class="passed" style="margin-left: 5px;">
                                        STEP 2: Verify Shipping
                                    </span>
                                </div>
                            </div>
                            <h2 class="order">Finish Order</h2>

                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                SHIPPING SUMMARY
                            </div>
                            <div class="wrap-item-container">
                                <p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>
                            <div class="wrap-item-container">
                                <p class="dashboad-description">
                                    Please verify your shipping information. 
                                </p>
                            </div>
                            <div class="mce-align-center" style="width:98%;">                                
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Freight Option </h3>
                                    </div>
                                    <!--<p class="mceLinkAction float_left font15 bold">CAR A</p>-->
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <!--<div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>-->
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>                                
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>                                
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">MCE Provided Freight</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">&nbsp;</span></td>
                                                    <td><span class="bold-and-italic">&nbsp;</span></td>
                                                </tr>
                                            </table>
                                        </div>

                                    </div>
                                </div>   
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Element Hydro Controller</h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div> 
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                    </span></td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>                                            
                                        </div>
                                    </div>
                                </div> 
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>LS-QUTE Landing System </h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>  
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Serial COP Kit</h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>    
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Serial Hall Kit </h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Door Operator Interface </h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!--<a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a>-->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="divide_30"></div>
                                <div class="wrap-item-container">
                                    <div class="inline-display summary-group-compute float_left">
                                        <h3>Traveler Cable </h3>
                                    </div>
                                    <p class="mceLinkAction float_left font15 bold">CAR A</p>
                                    <!-- <a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a> -->
                                    <div class="float_left wd_140">&nbsp;</div>
                                    <p class="mceLinkAction float_left font15 bold">CAR B</p>
                                    <!-- <a href="#" class="mceLinkAction float_left font13 inquiry underline">EDIT</a> -->
                                </div>
                                <div class="wrap-item-container" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr" />
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Shipping Date</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                    <td><span class="bold-and-italic">02/09/2015</span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;">
                                        <div class="label-wrap wd_230">Address</div>
                                        <div class="field-wrap summary-detail">
                                            <table class="wd_370 summary">
                                                <tr>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span class="bold-and-italic">
                                                            Tran Duy Khiem<br />
                                                            Sweet<br />
                                                            California, CA 4000<br />
                                                            USA
                                                        </span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>                                          
                            </div>
                            <div class="wrap-item-container wd_580">
                                <div class="buttonContainer">
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-order-duplex/shipping-details/select-shipping-duplex'" style="float:none;" class="mce back" value="BACK" />
                                    <input type="submit" onclick="javascript: window.location.href = '${contextPath}/create-order-duplex/finished-order/place-order'" style="float:none; text-transform:none;" class="mce" value="Proceed to Place Order" />
                                </div>
                            </div>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
           <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
